#navbar-iframe {display:none;}

body {
  width:100%;
  margin: auto;
}

a, a:link, a:active {
color: #555;
text-decoration: none; 
}

a:visited {
  text-decoration:none;
  }
a:hover {
color: #111;
  text-decoration:underline;
}
a img {
  border-width:0;
  }









.gallerycontainer{
    position: relative;
    width:42px;
    float:left;
    padding-right:40px;
    /*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer ul {
     list-style-type:none;
     float:left;
     padding:0;
    width:100%l
} 

.thumbnail img{
    border: 1px solid #363636;
    margin: 0 5px 5px 0;
}

.thumbnail:hover{
    background-color: transparent;
}

.thumbnail:hover img{
    border: 1px solid #111111;
}

.thumbnail span{ /*CSS for enlarged image*/
    position: absolute;
   background-color:#ffffff;
    padding: 0px;
    left: -1000px;
  
    visibility: hidden;
    color: black;
    text-decoration: none;
    margin-left:-150px;
    
}

.thumbnail span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
    width:640px
   margin:0 auto;
 text-align:center;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
    visibility: visible;
    top: 0;
    left: 230px; /*position where enlarged image should offset horizontally */
    z-index: 50;
}









/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}

a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}


.jspContainer
{
	overflow: hidden;
	position: relative;
        height:300px;
}

.jspPane
{
        width:340px !important;
        font-size:13px;
        font-family: "lucida Grande", Helvetica, Arial;
        line-height:1.4;
	position: absolute;
      
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
	margin: 0;
	padding: 0;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #dde;
	position: relative;
}

.jspDrag
{
	background: #bbd;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*tabs css*/
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url('http://jquery.com/files/social/tab.png') no-repeat;
}
.ui-tabs-nav a {
    position: relative;
    top: 1px;
    z-index: 2;
    padding-left: 0;
    color: #27537a;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
}
.ui-tabs-nav .ui-tabs-selected a {
    color: #000;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
    font-family:'Droid Sans', Helvetica, Arial, sans-serif;
    font-size:17px;
    font-weight:400;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-top: 7px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-nav .ui-tabs-disabled {
    opacity: .4;
}
.ui-tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

























/*
 * jQuery Nivo Gallery v0.7.1
 * http://dev7studios.com
 *
 * Copyright 2011, Gilbert Pellegrom
 * Free to use and abuse under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 * 
 * October 2011
 */
 
#containergallery {
    width:500px;
    height:267px;
    border-style:solid;
    border-width:4px;
    border-color:#d0d2d3;
    border-radius:4px;
}

.nivoGallery {
    position:relative;
    background:#000 url(http://dl.dropbox.com/u/39585923/loading.gif) no-repeat 50% 50%;
    width:100%; /* Width can be fixed px or dynamic % value */
    height:239px; /* Height must be fixed px value */
    margin-bottom:28px;
}
.nivoGallery.loaded {
    background:#000; /* Remove the loading gif */
}
.nivoGallery ul {
    list-style:none;
    margin:0;
    padding:0;
}
.nivoGallery ul li {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    font: 14px/1.6em arial,sans-serif;
    color:#fff;
}
.nivoGallery ul img {
    display:block;
    max-width:100%;
    height:auto;
    position:absolute; 
    top:0; 
    bottom:0; 
    left:0; 
    right:0;
	margin:auto;
    -ms-interpolation-mode:bicubic;
}

.nivoGallery-slides {
    position:relative;
    height:100%;
    overflow:hidden;
}

.nivoGallery-htmlwrap {
    padding:20px;
    height:100%;
    overflow:auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.nivoGallery-videowrap video,
.nivoGallery-videowrap iframe,  
.nivoGallery-videowrap object,  
.nivoGallery-videowrap embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.nivoGallery-directionNav a {
    position:absolute;
    top:45%;
    cursor:pointer;
    display:block;
	width:32px;
	height:34px;
	background:url(http://dl.dropbox.com/u/39585923/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
    opacity:0;
    z-index:5;
    -webkit-transition:opacity 150ms ease-in-out;
    -moz-transition:opacity 150ms ease-in-out;
    -o-transition:opacity 150ms ease-in-out;
    transition:opacity 150ms ease-in-out;
}
.nivoGallery-directionNav .nivoGallery-prev {
    left:10px;
}
.nivoGallery-directionNav .nivoGallery-next {
    right:10px;
    background-position:-32px 0;
}
.nivoGallery:hover .nivoGallery-directionNav a {
    opacity:0.7;
}
.nivoGallery:hover .nivoGallery-directionNav a:hover {
    opacity:1;
}

.nivoGallery-bar {
    position:absolute;
    bottom:-28px;
    left:0;
    height:28px;
    width:100%;
    font: 11px/28px arial,sans-serif;
    background: #515151;
    background: -moz-linear-gradient(top, #515151 0%, #0e0e0e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#0e0e0e));
    background: -webkit-linear-gradient(top, #515151 0%,#0e0e0e 100%);
    background: -o-linear-gradient(top, #515151 0%,#0e0e0e 100%);
    background: -ms-linear-gradient(top, #515151 0%,#0e0e0e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#0e0e0e',GradientType=0 );
    background: linear-gradient(top, #515151 0%,#0e0e0e 100%);
    border-top:1px solid #222;
  
}
.nivoGallery-play {
    display:inline-block;
    width:32px;
    height:28px;
    border:0;
    background:url(http://dl.dropbox.com/u/39585923/playpause.png) no-repeat 50% 8px;
    cursor:pointer;
    border-right:1px solid rgba(0,0,0,0.3);
}
.nivoGallery-play.playing {
    background-position:50% -92px;
}
.nivoGallery-count {
    display:inline-block;
    vertical-align:top;
    height:28px;
    padding:0 8px;
    color:#aaa;
    border-left:1px solid rgba(255,255,255,0.2);
    border-right:1px solid rgba(0,0,0,0.3);
    text-shadow:0 1px 0 #000;
}
.nivoGallery-caption {
    display:inline-block;
    vertical-align:top;
    height:28px;
    border-left:1px solid rgba(255,255,255,0.2);
    padding:0 15px;
    overflow:hidden;
    color:#aaa;
    text-shadow:0 1px 0 #000;
}
.nivoGallery-captionTitle {
    color:#fff;
    font-weight:bold;
    margin-right:5px;
}
.nivoGallery-fullscreen {
    float:right;
    display:inline-block;
    width:32px;
    height:28px;
    border:0;
    background:url(http://dl.dropbox.com/u/39585923/fullscreen.png) no-repeat 50% 5px;
    cursor:pointer;
    border-left:1px solid rgba(0,0,0,0.3);
}

.nivoGallery-progress {
    position:absolute;
    top:0;
    left:0;
    background:#fff;
    opacity:0.5;
    width:100%;
    height:2px;
    z-index:5;
}

.nivoGallery.fullscreen {
    position:fixed;
    top:0px;
    left:0px;
    width:100% !important;
    max-width:100%;
    height:100% !important;
    z-index:10000;
}
.nivoGallery.fullscreen .nivoGallery-caption {
    position:fixed;
    top:0;
    left:0;
    display:block;
    width:100%;
    background:#000;
    padding:20px;
    opacity:0.8;
}
.nivoGallery.fullscreen .nivoGallery-play {
    position:fixed;
    top:20px;
    right:45px;
    z-index:6;
}
.nivoGallery.fullscreen .nivoGallery-fullscreen {
    position:fixed;
    top:20px;
    right:20px;
}
.nivoGallery.fullscreen .nivoGallery-htmlwrap {
    padding:90px 20px 20px 20px;
}

/*  More info Button */
.button {
	display: block; 
	font-size: 12px; 
	text-decoration: none!important; 
	font-family: Helvetica, Arial, sans serif;
	padding: 8px 12px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	box-shadow: inset 0px 0px 2px #fff;
	-o-box-shadow: inset 0px 0px 2px #fff;
	-webkit-box-shadow: inset 0px 0px 2px #fff;
	-moz-box-shadow: inset 0px 0px 2px #fff;
}
.button:active {
	box-shadow: inset 0px 0px 3px #999;
	-o-box-shadow: inset 0px 0px 3px #999;
	-webkit-box-shadow: inset 0px 0px 3px #999;
	-moz-box-shadow: inset 0px 0px 3px #999;
}

/* The styles for the yellow button */
.yellow {
	color: #986a39;
	border: 1px solid #e6b650;
	background-image: -moz-linear-gradient(#ffd974, #febf4d);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#febf4d), to(#ffd974));
	background-image: -webkit-linear-gradient(#ffd974, #febf4d);
	background-image: -o-linear-gradient(#ffd974, #febf4d);
	text-shadow: 1px 1px 1px #fbe5ac;
	background-color: #febf4d;
}
.yellow:hover {
	border: 1px solid #c1913d;
	background-image: -moz-linear-gradient(#febf4d, #ffd974);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffd974), to(#febf4d));
	background-image: -webkit-linear-gradient(#febf4d, #ffd974);
	background-image: -o-linear-gradient(#febf4d, #ffd974);
	background-color: #ffd974;
}
.yellow:active {border: 1px solid #936b26;}




















/*Wrap
-----------------------------------------------
*/

#wrap {
    width:960px;
    display:block;
    margin:0 auto;

}

/* Header
-----------------------------------------------
 */


#logotext {
     width: 300px;
     margin:0 auto;
     float:left;
     text-align:left;
}

#logotext p {
    font-family: 'Iceland', cursive;
    font-size:42px;
    margin:0 auto;
    margin-top:6px;
}

#overlayheader {
      width:100%;
      position:fixed;
      z-index:1; 
      background-color:#ffffff;
      box-shadow:0px 1px 8px 1px rgba(0, 0, 0, 0.27);
     border-bottom:solid 1px #ffffff;

}

#header-wrapper {
    width:960px;
    height: 90px;
    margin: 0 auto;
    
    
 }

#header { 
  text-align: left;
  color:$pagetitlecolor;
  overflow: hidden;
  height:140px;
  width: 400px;
  float:left;
}
  
#header h1 {
    color: #000000;
    font-size: 40px;
    font-weight: bold;
    line-height: 1.2em;
    margin:40px 0 40px;
}

#header a {
  text-decoration:none;
  }

#header a:hover {
  }

#header .description {
display:none;
 }

#header img {
  margin: 40px 0;
}

#topads {
width:480px;
overflow:hidden;
float:right;
padding-bottom:33px;
padding-top:35px;
}



/* Navigation
-----------------------------------------------
 */
#browseby {
     width:105px;
     height:100%;
     float:left;
     
}
#cssmenu{ width:100%;height:55px; display:block;float:left; padding:0; text-align:center;background-color:#4cac4c;box-shadow:0px 1px 8px 1px rgba(0, 0, 0, 0.27);margin-top:-13px;} 
#cssmenu > ul {list-style:inside none; padding:0; margin:0;} 
#cssmenu > ul > li {width:100%;list-style:inside none; padding:0; margin:0; float:left; display:block; position:relative;} 
#cssmenu > ul > li > a{outline:none; display:block; position:relative; padding:5px 10px 10px 10px; font:16px/100% Arial, Helvetica, sans-serif;text-decoration:none;text-align:left; line-height:1.3; } 
#cssmenu > ul > li:first-child > a{} 
#cssmenu > ul > li > a:after{ } 
#cssmenu ul li.has-sub:hover > a:after{top:0; bottom:0;} 
#cssmenu > ul > li.has-sub > a:before{ } 
#cssmenu > ul > li.has-sub:hover > a:before{} 
#cssmenu ul li.has-sub:hover > a{ } 
#cssmenu ul li.has-sub:hover > ul, #cssmenu ul li.has-sub:hover > div{display:block;} 
#cssmenu ul li.has-sub > a:hover{} 
#cssmenu ul li > ul, #cssmenu ul li > div{ display:none;width:234px; position:absolute;padding:10px 0;border-radius:0 5px 5px 5px; z-index:999;} 
#cssmenu ul li > ul{border-style:solid;border-width:1px;border-color:#b6b6af;background-color:#ffffff} 
#cssmenu ul li > ul li{width:214px;display:block; list-style:inside none;text-align:left; padding-left:10px;padding-right:10px;margin:0; position:relative;border-bottom-style:dashed;border-width:1px;} 
#cssmenu ul li > ul li a{ outline:none; display:block; position:relative; margin:0; padding:8px 20px 8px 4px; font:16px Arial, Helvetica, sans-serif; color:#000000; text-decoration:none; } 


 #cssmenu > ul > li > ul > li a:hover{margin-left:1px;border-bottom:1px solid #4cac4c;} 
#cssmenu{} 
#cssmenu > ul > li > a{color:#fff;} 
#cssmenu > ul > li > a:after{} 
#cssmenu > ul > li > a:hover{background:#4cac4c;} 

.clear {
    width:960px;
    height:165px;
   padding:0px 0px 20px 0px;
}

#navigation {
    clear: both;
    display: block;
    width:100%;
    height:40px;
    z-index:1;
position:relative;       
  
 }




#navigation h2 {
    display: none;
}

#navigation ul {
margin:0;
padding:0;
list-style:none;
}

#navigation li {
	float: left;
	list-style: none;
	
	}

#navigation li a {
	color: white;
        font-weight:bold;
	text-decoration: none;
}

#navicontent {
      width:960px;
      height:100%;
      margin:0 auto;
      text-align:center;
}


.leftnav {
       height:100%;
       padding:0px 0px 0px 0px;
       float:left;
       margin:0 auto;
    
}

.leftnavcontent {
      
      height:100%;
      color:#000000;
      line-height:7px;
      text-align:center;
      background-color:#000000;
      
}


.leftnavcontent h1 {

}

.leftnavtext {
    width:630px;
    height:100%;
    margin:0 auto;
    padding-right:20px;
    float:left;

}

.leftnavtext span {
    padding-top:5px;
    padding-left:15px;
    float:left;
    font-size:24px;
    font-family: 'roboto', sans-serif;
    line-height:1.2;
    font-weight:300;
    color:#ffffff;
}

.leftnavcontent p {
      font-size:22px;
      font-family: &#39;Droid Serif&#39;, Georgia, Times, serif;se
      float:right;
      line-height:1;
      margin-top:1px;
     margin-right:7px;
}

#searchdiv {
     width:205px;
     height:100%;
     float:right;
     margin:0 auto;
    
     background: rgb(216, 216, 216) url(https://dl.dropbox.com/u/39585923/skins/nav-bg1.png);

}


#search {

}

#search input[type="text"]{
    background:url(https://dl.dropbox.com/u/39585923/skins/searchicon-6.png) no-repeat scroll 1px center;
    float:left;font-size:16px;text-align:left;background-size:30px;padding-left:40px;padding-top:3px;
}

#search input[type="text"]:focus{

    
}

#search input:focus{
     outline:none;
    
}



.searchbar {
     width:155px;
     height:33px;
     border-color: transparent;
     background-color: transparent;
     color:#000000;
     
}

.searchicon {
   background: url(https://dl.dropbox.com/u/39585923/skins/searchicon-2.png) no-repeat scroll 1px center; 
}
.rightnav {
       width:320px;
       height:100px;
       float:right;
       margin-right:8px;
       border-width:1px;
       border-left-style:dotted;
}

.rightnavcontent {
padding:0px;

}




/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
  width: 100%;
  margin:0 auto;
  text-align:$startSide;
  }

#content-wrapper {
margin: 0 auto; 
overflow: hidden; 

}

#main-wrapper {
    
 
    
    word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
    overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
  }

#main.main.section {
   
    margin: 0 auto;
}
.comments {
    margin-top:20px; 
}

#sidebar-wrapper {
    width: 225px;
  float: left;
   margin:8px 0 0;
  word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
}












#related-posts{float:left;width:auto;}
#related-posts h1{background:none;font:18px Oswald;padding:3px;text-shadow:1px 1px 1px #000;color:#fec700}
#related-posts .maskolis_img {border:4px solid #111;padding:0px 0px;width:129px;height:155px;transition:all 400ms ease-in-out;-webkit-transition:all 400ms ease-in-out;-moz-transition:all 400ms ease-in-out;-o-transition:all 400ms ease-in-out;-ms-transition:all 400ms ease-in-out;margin:10px 7px 5px}
#related-posts .maskolis_img:hover{border:4px solid #666;opacity:.7;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7}







/* Featured Robots and Slider
-----------------------------------------------
 */
/* Slider
/*-----------------------------------------------------------------------------------*/
.slider_container{margin:auto; clear:both;}
.flex-caption{ width:100%;height:100%;position: absolute;bottom:20px;line-height:0.1;}
.caption_title_line{ width:243px; height:75px; margin-left:25px;padding:5px 25px 10px 0px;float:left;text-align:right;color: #303030;}
.caption_title_line_right {width:243px; height:75px; margin-right:25px;padding:5px 0px 10px 25px;float:right;text-align:left;color: #303030;}
.flex-caption h2{ font-size:20px; padding:5px 0 5px 0; margin:0px;font-family: 'Ovo', serif;}

.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {width:100%;margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {width: 100%; margin: 0; padding: 0 0 30px 0;background:url(http://dl.dropbox.com/u/39585923/shadow_bottom.png) no-repeat center bottom;}
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 810px; display: block; margin:0 auto;}
.flex-pauseplay span {text-transform: capitalize;}
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}
.no-js .slides > li:first-child {display: block;}
.flexslider {position: relative; zoom: 1;}
.flexslider .slides {zoom: 1;}
.flexslider .slides > li {position: relative;}
.flex-container {zoom: 1; position: relative;}

/* Direction Nav */
.flex-direction-nav li a {width:25px; height:40px; margin:0; display: block; position: absolute;cursor: pointer; text-indent: -9999px;top:150px;}
.flex-direction-nav li a.next {background:url(http://dl.dropbox.com/u/39585923/nextbutton1.png) no-repeat center; bottom:0;right:0;}
.flex-direction-nav li a.prev {background:url(http://dl.dropbox.com/u/39585923/prevbutton1.png) no-repeat center;bottom:0;}
.flex-direction-nav li a.next:hover {background:url(http://dl.dropbox.com/u/39585923/nextbutton1.png) no-repeat center;}
.flex-direction-nav li a.prev:hover {background:url(http://dl.dropbox.com/u/39585923/prevbutton1.png) no-repeat center;}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}

/* Media Queries
/*-----------------------------------------------------------------------------------*/

@media screen and (max-width: 1000px) {
.slider_container{ width:90%; margin:0 0 0 2%; clear:both; background:none; padding:30px 0 0 0;}
.flexslider {width: 100%; margin: 0; padding:0 0 30px 0;background:none;}
.flex-direction-nav li a {width:45px; height:42px; margin:0; display: block; position: absolute; right:-10px; cursor: pointer; text-indent: -9999px;}
.flex-direction-nav li a.next {background:url(http://dl.dropbox.com/u/39585923/next.png) no-repeat center; bottom:85px;}
.flex-direction-nav li a.prev {background:url(http://dl.dropbox.com/u/39585923/prev.png) no-repeat center;bottom:40px;}
.flex-caption { display:none;}
}











/*Featuredrobots
-----------------------------------------------
*/
#featuredrobots {
       width:860px;
       height:400px;
}


/* Posts
-----------------------------------------------
*/

#topmain {
     height:300px;
     border-bottom-style:dotted;
     border-width:2px;
     border-color:#000000;
}

#mainprofile {
   
     width:940px;
     margin:0 auto;
     padding-top:20px;
     border-bottom-style:dotted;
     border-width:2px;
     border-color:#000000;
      
}

#mainleft {
      width:372px;
      height:240px;
      padding-right:60px;
      float:left;
     padding-bottom:20px;
}

#mainphoto {
	width:270px;
        height:100%;
        float:left;
}

#mainphoto a img {
     width:250px;
     height:auto;
     float:left;
     margin-top:20px;
	
}

#mainright {
	width:508px;
	height:100%;
        float:right;
}

.robotinfo {
	width:340px;
	height:230px;
        line-height:1;
	float:left;
}

.taskmark {
      width:620px;
      height:130px;
      margin-top:15px;
      font-family:'droid sans', helveltica, arial, sans-serif;
}

.taskmark p {
    font-size:36px;
    padding-top:20px;
    margin:0 auto;
}

.task {
    margin-left:-4px;
}

.taskmark img {
    margin:-6px 0px 0px 0px;
}

.namecompany {
      margin-top:0px;
      line-height:1;
      font-family:'droid sans', helveltica, arial, sans-serif;
     color: #5E5E5E;
}

.namecompany h2 {
      line-height:1;
      font-weight:400;
      font-size:31px;
}

.namecompany h3 {
     font-weight:400;
     margin-top:-25px;
}





.moreinfo {
	width:260px;
        height:100%;
	padding-left:20px;
	float:right;
}

.moreinfobutton {
}

#bottommain {
       margin:0 auto;
       padding-top:20px;
       padding-bottom:10px;
       height:335px;
}



#leftbottom {
      width:392px;
       height:100%;
       float:left;
      padding-right:40px;
}
  
#lbentry {
     width:372px;
     height:295px;
     padding-right:20px;
}
    
#rightbottom {
       width:508px;
       height: 100%;
       float:right;
}


#gallery {
   
}  

.post {
   
  }
.post .jump-link {
display:none;
}



.post h3 {
}

.post h3 a, .post h3 a:visited, .post h3 strong {
font-size:30px;
font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
text-decoration:none;
}

.post h2 {
    
}

.post-body {
   
}

.post-body blockquote {
  line-height:1.3em;  
}

.post-footer {
padding:5px;
}

.post img {
  max-width:580px;
  }
.post blockquote {
  margin:1em 20px;
  }
.post blockquote p {
  margin:.75em 0;
  }

/* Comments
----------------------------------------------- */

#comments {
   width: 675px;
}

#comments h4 {
  margin:1em 0;
  font-weight: bold;
  font-size:20px;
  line-height: 1.4em;
  }
#comments a {
font-weight:bold;
}
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comment-box{
    border-bottom: 1px dashed #D9D9D9;
    margin-bottom: 10px;
    padding: 10px;
}
#comments-block .comment-author {
  margin:.5em 0;
  padding:4px;
  }

#comments-block .avatar-image-container img {
}

#comments-block .comment-body {
  margin-top: -10px;
  padding:4px;
  }
#comments-block .comment-footer {
  margin:-.25em 0px 0;
  line-height: 1.4em;
  text-transform:uppercase;
  padding:4px;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
.navigation {
    clear: both;
    font-size: 1em;
    font-weight: bold;
    margin-bottom: 50px;
    padding: 5px;
    width: 685px;
}

#blog-pager-newer-link {
  float: left;
  clear:both;
  }
 
#blog-pager-older-link {
  float: right;
  }

#blog-pager { 
  text-align: center;
  margin:0 auto;
 }

.feed-links {
  clear: both;
  line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */

#sidebar {
    width: 100%;
}

.sidebar { 
  line-height: 1.5em;
 }
.sidebar h2 {
    border-bottom: 1px dashed #d9d9d9;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px;
    padding-bottom: 10px;
    text-align: center;
}
.sidebar a {

}
.sidebar ul {
  list-style:none;
  margin:0 0 0;
  padding:0 0 0;
}
.sidebar li {
    display: block;
    line-height: 1.3em;
    margin-bottom: 5px;
    text-decoration: none;
  }

.sidebar li a {

}

.sidebar li a:hover {

}

.sidebar .widget, .main .widget { 
  margin:0 ;
  padding:0;
 }

.sidebar .widget {
margin: 0 0 15px;
    border: 1px solid #d9d9d9;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
    float: left;
    padding: 10px;
width:205px;
}



/* Profile 
----------------------------------------------- */
.profile-img { 
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}

.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}

.profile-datablock { 
  margin:.5em 0 .5em;
}

.profile-textblock { 
  margin: 0.5em 0;
  line-height: 1.6em;
}

.profile-link { 
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */

#footer-wrapper {
clear:both;
overflow:hidden;
width:100%;
border: 1px solid #d9d9d9;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
}

#footer {
font-size:14px;
margin:0 auto;
text-align:left;
width:960px;
padding-left:20px;
}

#footer-wrapper .widget {
float:left;
margin:10px;
width:185px;
padding:0px 10px 20px;
}

#footer-wrapper .widget-content {
}

#footer-wrapper ul li {

}

#footer-wrapper ul li:hover {
}

#footer-wrapper ul {
padding-bottom:2px;
list-style:none outside none;
margin:0;
padding:0;
}

#footer-wrapper a {

}

#footer-wrapper a:hover {

}

#footer-wrapper h2 {
   border-bottom: 1px dashed #d9d9d9;
    color: #000000;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 12px;
    padding-bottom: 10px;
    text-align: center;
}


#credits {
    padding:12px 0;
    width: 940px;
    margin: 1px auto;
    color: #868686;
    position: relative;
    font-size: 11px
    }

#bottomLinks {
    float: right;
    width: 450px
    }

/* Simple Cart 
----------------------------------------------- */

#add-to-cart-widget {   
    border: 1px solid #d9d9d9;
    border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
    float: left;
    margin: 0 0 18px;
    padding: 10px;
    width: 205px;
}

#add-to-cart-widget h2 {
    font-size: 100%;
    font-weight: normal;
    margin: 0 0 10px;
    text-align: center;
}

.item_name{}

.item_Description{
}

.hidden_value {display:none;}

.item_thumb {
    padding: 10px;
}

.item_price{
	display: block;
        width: 100px;
        height: 20px;
        position: absolute;
        bottom: 7px;
        padding:5px 10px;
        left:10px;
        color:#000;
        font-size:13px;
        text-align:left;
   border: 0 none;
}

.simpleCart_items {
    border: 1px dashed #D9D9D9;
    font-size: 80%;
    min-height: 120px;
    padding: 10px;
    display: block;
    margin-left: 0 auto 10px;
    overflow:hidden;
}

.simpleCart_items img {
        padding: 2px;
		border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px;
        border: 1px solid #D9D9D9;
        text-align: left;
        width:40px !important;
        height:40px !important;
}

.cartHeaders{
        display:none;
}

.itemContainer{
	float:left;
	width:175px;
	text-align:center;
	display: block;
	position:relative;
	bottom:0;
}

.itemname{
	font:bold 11px "Helvetica", Arial, sans-serif;
	color:#000;
	text-transform:uppercase;
}

.itemthumb{
   float: left;
    margin: 0;
    width: 58px;
}

.itemQuantity{
    float: left;
    margin: 6px 0;
    width: 35px;
}

.itemQuantity input{
	    border: medium none;
    color: #000000;
    float: left;
    font: bold 11px Arial,sans-serif;
    height: 22px;
    padding: 5px 10px;
    text-align: center;
    width: 35px;
}

.itemQuantity input:focus{
	outline:none;
}

.itemremove a {
    color: red;
    float: left;
    font-weight: bold;
    margin: 12px 0 0 10px;
}

.itemTotal{
   color: #000000;
    float: left;
    font: bold 11px Arial,sans-serif;
    margin: 15px 0 0 10px;
    padding: 0;
    text-align: right;
    width: 55px;
}

#cartTotal {
        font-style: normal; 
        font-size:13px; 
        text-align:center;
        font-weight:bold;
        margin: 10px 0;
}
#cartTotal .simpleCart_total {
        font-weight:normal;
}
a.simpleCart_empty{
    background: none repeat scroll 0 0 #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: black;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color:#000;
    float: left;
    width: 72px;
    margin: 0 15px 0 0;
}

a.simpleCart_empty:hover {
 background:#333;
 color:white;
}

.cartbuttons {
margin: 10px 0 0 0;
}

a.simpleCart_checkout {
    background: none repeat scroll 0 0 #D9D9D9;
    border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    color: black;
    display: block;
    font-size: 14px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color:#000;
    float: left;
    width: 72px;
}

a.simpleCart_checkout:hover {
 background:#333;
 color:white;
}


a.item_add{
    bottom: 7px;
    color: #000000;
    display: block;
    font-size: 13px;
    font-weight: bold;
    position: absolute;
    right: 15px;
    width: 120px;
} 

input.item_add{
    bottom: 9px;
    font-size: 11px;
    position: absolute;
    right: 15px;
    width: 90px;
} 

#checkout{
	background: #D9D9D9;
	padding: 10px;
	color: black;
	text-decoration: none;
	font-size: 80%;
	display: block;
	text-align: center;
	-moz-border-radius: 5px; /* firefox rounded corner top left */
	border-radius: 5px; /* firefox rounded corner top left */
	-webkit-border-radius: 5px; /* Safari 3 rounded corner top left */
}

#checkout:hover{
	background: #333333;
	color: white;
}

